<div data-page="schedule" class="page student theme-gray" id="schedule">
    <div class="toolbar row no-gutter">
        <div class="toolbar-inner">
            <div class="month">
                <ul>
                    <li>12月</li>
                    <li><a href="#" class="today img img-today img-size-16"></a></li>
                </ul>
            </div>
            <div class="toolbar tabbar tabbar-scrollable">
                <div class="toolbar-inner days">
                    <script type="text/template7" id="dates">
                        {{#each dates}}
                        <a href="#" class="tab-link" id="{{interval}}">
                            <ul>
                                <li>{{day}}</li>
                                <li>{{date}}</li>
                            </ul>
                        </a>
                        {{/each}}
                    </script>
                </div>
            </div>
        </div>
    </div>
    <div class="page-content">
        <!-- 这是一组测试数据 -->
        <div class="gray-bar"></div>
        <div class="course-cell theme-white cell-padding">
            <a class="display-block">
                <div class="image">
                    <img data-src="" class="square lazy">
                    <img data-src="" class="rectangle lazy">
                </div>
                <div class="content">
                    <!-- T.B.D. -->
                    <h4>C#.NET可视化程序设计</h4>
                    <p>
                        2017春1班
                        <small>00:00-24:00</small>
                    </p>
                    <p>徐汇校区内A楼201教室</p>
                </div>
                <div class="arrow">
                    <i class="img img-arrow-right img-size-36 display-block"></i>
                </div>
            </a>
        </div>
        <!-- T.B.D. reusable -->
        <script type="text/template7" id="lessons">
            {{#each lessons}}
            <div class="gray-bar"></div>
            <div class="course-cell theme-white cell-padding">
                <a class="display-block" id="{{id}}">
                    <div class="image">
                        <img data-src="" class="square lazy">
                        <img data-src="" class="rectangle lazy">
                    </div>
                    <div class="content">
                        <h4>{{name}}</h4>
                        <p>
                            {{className}}
                            <small>{{time}}</small>
                        </p>
                        <p>{{classroom}}</p>
                    </div>
                    <div class="arrow">
                        <i class="img img-arrow-right img-size-36 display-block"></i>
                    </div>
                </a>
            </div>
            {{/each}}
        </script>
    </div>
</div>
